<template>
    <div class="box">
        <headers title="订单信息"></headers>
        <van-address-list v-model="chosenAddressId" :list="list" :disabled-list="disabledList" @add="onAdd"
            @edit="onEdit" >

            <img src="../../../assets/tu.png" alt="">

            <van-cell-group>
                <van-cell title="商品时间" :value="detail.time" />
                <van-cell title="商品名称" :value="detail.name" />
                <van-cell title="商品价格" :value="detail.price" />
            </van-cell-group>


        </van-address-list>

    </div>
</template>

<script setup>
import { ref, watch } from "vue";
import headers from "@/components/headers.vue";

import { useRoute, useRouter } from 'vue-router'

const router = useRouter()
const route = useRoute()

const detail = ref(route.query);

const list = [
    {
        id: '1',
        name: '张三',
        tel: '13000000000',
        address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
        isDefault: true,
    },
]
const onAdd = () => {
    router.push('/order')
};
const onEdit = () => { };

</script>

<style lang="scss" scoped>
.box {
    width: 100%;
    height: 100%;
}
</style>